a,
a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

a:focus,
a:active {
  outline: none;
}

div:focus {
  outline: none;
}
.app-container {
  background-color: @base-bg-color;
  border-radius: 4px;
}
.no-bg {
  background-color: rgba(0, 0, 0, 0);
}
.padding-24 {
  box-sizing: border-box;
  padding: 0 24px;
}

// 搜索栏上面的数据展示栏
.header-relation {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 36px;
  padding-right: 72px;
  margin-bottom: 28px;
  background-color: @base-bg-color;
  border-radius: 4px;
  .header-item {
    display: flex;
    align-items: center;
    .img-box {
      width: 42px;
      margin-right: 14px;
      img {
        width: 100%;
      }
    }
    .text-box {
      div:nth-child(1) {
        font-size: 14px;
        font-weight: 400;
        color: rgba(55, 55, 55, 0.59);
      }
      div:nth-child(2) {
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
        color: #333;
      }
    }
  }
}

// 表格搜索栏样式
.search-container {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 26px 24px;
  .search-form-btn {
    padding-left: 28px;
    color: @primary-color;
    &::before {
      top: 0;
      bottom: 0;
      display: inline-block;
      width: 20px;
      height: 20px;
      margin: auto 8px;
      vertical-align: bottom;
      content: '';
      background-image: url('~@/assets/img/search.png');
      background-size: 100%;
      opacity: 1;
    }
  }
  .compact {
    display: flex;
    .ant-form-item {
      margin-right: 0;
      &:nth-child(1) {
        input {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0;
        }
      }
      &:nth-child(2) {
        input {
          border-left-width: 0;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0;
        }
      }
    }
  }
  .ant-btn:not(:last-child) {
    margin-right: 12px;
  }

  button[disabled='disabled'] {
    color: #fff;
    background-color: #cccccc;
  }
  .ant-btn-primary-disabled,
  .ant-btn-primary.disabled,
  .ant-btn-primary[disabled],
  .ant-btn-primary-disabled:hover,
  .ant-btn-primary.disabled:hover,
  .ant-btn-primary[disabled]:hover,
  .ant-btn-primary-disabled:focus,
  .ant-btn-primary.disabled:focus,
  .ant-btn-primary[disabled]:focus,
  .ant-btn-primary-disabled:active,
  .ant-btn-primary.disabled:active,
  .ant-btn-primary[disabled]:active,
  .ant-btn-primary-disabled.active,
  .ant-btn-primary.disabled.active,
  .ant-btn-primary[disabled].active {
    color: #fff;
    background-color: #cccccc;
    border-color: #ccc;
  }
}

// 表格操作栏样式
.action-item {
  height: 24px;
  padding: 3px 7px;
  margin-right: 6px;
  color: @primary-color;
  border: 1px solid @border-color;
  border-radius: 4px;
}
.action-item:last-child {
  margin-right: 0;
}

// 分页
.pagination-container {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 24px;
}

// 表格文字颜色
.ant-table {
  color: #333;
}

// 表格操作栏样式

.action-item {
  height: 24px;
  padding: 3px 7px;
  margin-right: 6px;
  color: @primary-color;
  border: 1px solid #c5e5d9;
  border-radius: 4px;
}
.action-item:last-child {
  margin-right: 0;
}
a.disabled {
  border-color: #ccc;
}
a[disabled='disabled'] {
  color: #bbb;
  border-color: #ccc;
}

// 处理页面上表格高度的自适应问题
.table-container {
  height: calc(100% - 80px);
  .ant-table-wrapper {
    height: calc(100% - 62px);
    .ant-spin-nested-loading {
      height: 100%;
      .ant-spin-container {
        height: 100%;
        .ant-table {
          height: 100%;
          .ant-table-content {
            height: 100%;
            .ant-table-scroll {
              height: 100%;
              .ant-table-body {
                max-height: calc(100% - 60px) !important;
              }
            }
            .ant-table-fixed-left,
            .ant-table-fixed-right {
              height: 100%;
              // todo
              box-shadow: none;
              .ant-table-body-outer {
                height: calc(100% - 60px);
                .ant-table-body-inner {
                  max-height: 100% !important;
                }
              }
            }
          }
        }
      }
    }
  }
}

//两栏布局 layout
.layOut {
  display: flex;
  .sider {
    flex-shrink: 0;
    min-width: 350px;
    overflow-y: auto;
    border: 1px solid #eee;
  }
  .content {
    min-width: calc(100% - 350px);
  }
}

//文本溢出处理

// .textLine(@width) {
//   width: @width;
//   overflow: hidden;
//   text-overflow: ellipsis;
//   white-space: nowrap;
// }
.textLine {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.textOverFlowTow {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.copyText {
  cursor: pointer;
  &:hover {
    color: @primary-color;
  }
}

.mb20 {
  margin-bottom: 20px !important;
}
